﻿.diagnose_banner{ height: 428px; position: relative;
background: -webkit-linear-gradient(#5757e6, #6074f4); 
background: -moz-linear-gradient(#5757e6, #6074f4);
background: linear-gradient(#5757e6, #6074f4);
}
.diag_operation{ width: 626px; margin:0 auto; padding-top: 78px;}
.diag_operation h1{ text-align: center; color: #fff;}
.diag_operation p{ color: #fff; line-height: 22px; text-align: center; margin-top: 38px;}
#diag_search{ width: 600px; margin: 40px auto 38px; position: relative; z-index: 2;}
#diag_search input[type=text]{ float: left; height:40px; width: 458px; border: none; border-right: 1px solid #e5e5e5; text-indent: 10px; border-radius: 3px 0 0 3px;}
#diag_search .button{ position: relative; float: left; width: 141px;height: 40px; line-height: 40px; padding-left: 24px; border-radius: 0 3px 3px 0; background-color: #fff; cursor: pointer;}
#diag_search .button span{ display: inline-block; width: 90px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
#diag_search .button:after{ content: ''; width: 8px; height: 5px; position: absolute; top: 18px; right: 14px; background: url(../../../../images/titlediagnose/titlediagnose_icon.png) no-repeat 0 -10px;}
#diag_search .fenlei_more{ display: none; width: 326px; height: 205px; overflow: auto; padding:10px 0 10px 15px; position: absolute; right: -183px; top: 40px; background-color: #fff; border: 1px solid #e5e5e5;}
#diag_search .fenlei_more .field-title{ font-weight: bold; color: #333 !important;}
#diag_search .fenlei_more .industry_list{ margin:3px 0 8px;}
#diag_search .fenlei_more .industry_list span{ float: left; height: 20px; line-height: 20px; margin-right: 19px; cursor: pointer;}
#diag_search .fenlei_more .industry_list span:hover{ color: #44b549;}
.diag_immediately{ text-align: center; position: relative; z-index: 1;}
.diag_immediately input{ height: 36px; padding:0 44px; border: 2px solid #fff; font-size: 16px; color: #fff; border-radius: 18px; background-color: rgba(0,0,0,0.1);}
#wave{ width: 100%; height: 150px; position: absolute; bottom: 0;}
.diag_tit{ margin: 0 auto; border: none; width: 100%; background: url(../../../../images/titlediagnose/bground_pic.jpg) no-repeat center top;}
.diag_tit .diag_tit_cont{ width: 1120px; margin: 0 auto; float: none; padding-bottom: 0 !important; margin-bottom: 0 !important;}
.diag_tit_cont ul li{ float: left; width: 560px; height: 398px;}
.diag_ico{ position: relative;}
.diag_wz{ width: 218px; margin-top: 132px;}
.diag_wz h2{ font-size: 24px; line-height: 24px; margin-bottom: 28px;}
.diag_tit_cont li:nth-child(2) .diag_wz h2,.diag_tit_cont li:nth-child(3) .diag_wz h2{ text-align: right; padding-right:8px;}
.diag_wz p{ color: #9c9c9c; line-height: 22px;}
.diag_ico .diag_ico1_1{ position: absolute; top: 0; left: 20px;}
.diag_ico .diag_ico1_2{ position: absolute; top: 10px; left: 0;}
.diag_ico .diag_ico2_1{ position: absolute; top: 31px; left: 36px;}
.diag_ico .diag_ico2_2{ position: absolute; top: 0; left: 0;}
.diag_ico .diag_ico3_1{ position: absolute; top: 0; left: 0;}
.diag_ico .diag_ico4_1{ position: absolute; top: 62px; left: 61px;}
.diag_ico .diag_ico4_2{ position: absolute; top: 33px; left: 32px;}
.diag_ico .diag_ico4_3{ position: absolute; top: 0; left: 0;}
.diag_ico .diag_ico5_1{ position: absolute; top: 0; left: 0;}
.diag_ico .diag_ico5_2{ position: absolute; top: 159px; left: 48px;}
.diag_ico .diag_ico6_1{ position: absolute; top: 3px; right: 0;}
.diag_tit_cont li:nth-child(1) .diag_ico{ float: left; width: 262px; padding: 52px 0 0 38px; margin: 63px 23px 0 0;}
.diag_tit_cont li:nth-child(1) .diag_wz{ float: left;}
.diag_tit_cont li:nth-child(2) .diag_ico{ float: right; width: 250px; padding:30px 0 0 25px; margin: 63px 0 0 15px;}
.diag_tit_cont li:nth-child(2) .diag_wz{ float: right;} 
.diag_tit_cont li:nth-child(3) .diag_ico{ float: left; width: 256px; padding:42px 0 0 32px; margin: 67px 0 0 11px;}
.diag_tit_cont li:nth-child(3) .diag_wz{ float: left;}
.diag_tit_cont li:nth-child(4) .diag_ico{ float: right; width: 247px; padding:81px 0 0 23px; margin: 32px 17px 0 0;}
.diag_tit_cont li:nth-child(4) .diag_wz{ float: right;}
.diag_tit_cont li:nth-child(5) .diag_ico{ float: left; width: 258px; padding:14px 0 0 12px; margin: 80px 21px 0 0;}
.diag_tit_cont li:nth-child(5) .diag_wz{ float: left;}
.diag_tit_cont li:nth-child(6) .diag_ico{ float: right; width: 220px; padding:0; margin: 71px 0 0 51px;}
.diag_tit_cont li:nth-child(6) .diag_wz{ float: right;}
/* 淡出 */
@-webkit-keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@-moz-keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
/*左下到右上*/
@-webkit-keyframes fadeOutBottomToTop {
	from {
		-webkit-transform: translate(0, 0);
		opacity: 1
	}
	to {
		-webkit-transform: translate(54px, -64px);
		opacity: 0
	}
}
@-moz-keyframes fadeOutBottomToTop {
	from {
		-moz-transform: translate(0, 0);
		opacity: 1
	}
	to {
		-moz-transform: translate(54px, -64px);
		opacity: 0
	}
}
@keyframes fadeOutBottomToTop {
	from {
		transform: translate(0, 0);
		opacity: 1
	}
	to {
		transform: translate(54px, -64px);
		opacity: 0
	}
}
/** 旋转动画 */
@keyframes qiuRotation{
	0%{
		transform: rotate(0deg);
		opacity: 1;
	}
	50%{
		transform: rotate(20deg);
		opacity: 0;
	}
	100%{
		transform: rotate(0deg);
		opacity: 1;
	}
}
.diag_tit_cont li:nth-child(1):hover .diag_ico1_1{
	 animation: fadeOut 0.8s linear 0s infinite alternate;
}
.diag_tit_cont li:nth-child(2):hover .diag_ico2_1{
	 animation: qiuRotation 1.6s ease-in-out 0s infinite alternate;
}
.diag_tit_cont li:nth-child(2):hover .diag_ico2_2{
	 animation: fadeOut 0.6s linear 0s infinite alternate;
}
.diag_tit_cont li:nth-child(3):hover .diag_ico3_1{
	 animation: fadeOutBottomToTop 1.2s linear 0s infinite normal;
}
.diag_tit_cont li:nth-child(4):hover .diag_ico4_1{
	 animation: fadeOut 0.8s linear 0s infinite alternate;
}
.diag_tit_cont li:nth-child(4):hover .diag_ico4_2{
	 animation: fadeOut 0.8s linear 0.25s infinite alternate;
}
.diag_tit_cont li:nth-child(4):hover .diag_ico4_3{
	 animation: fadeOut 0.8s linear 0.5s infinite alternate;
}
.diag_tit_cont li:nth-child(5):hover .diag_ico5_1{
	 animation: fadeOut 0.6s linear 0s infinite alternate;
}
.diag_tit_cont li:nth-child(5):hover .diag_ico5_2{
	 animation: fadeOut 0.6s linear 0s infinite alternate;
}
.diag_tit_cont li:nth-child(6):hover .diag_ico6_1{
	 animation: fadeOut 0.6s linear 0s infinite alternate;
}
